<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>旗木宠物-首页</title>
    <script src="js/jquery.min.js"></script>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/public.css">
    <script type="text/javascript" src="js/Carousel.js"></script>
</head>

<body>
<%@include file="header.jsp" %>
<section>
    <div class="div_a1">
        <div class="div_left">
            <ul class="ul_left">
                <li>
                    未开发
<%--                    <div class="dog_div">--%>
<%--                        <ul>--%>
<%--                            <li><a href="">主粮/零食</a></li>--%>
<%--                            <li><a href="">幼犬粮</a></li>--%>
<%--                            <li><a href="">成犬粮</a></li>--%>
<%--                            <li><a href="">全阶段狗粮</a></li>--%>
<%--                            <li><a href="">主食罐</a></li>--%>
<%--                            <li><a href="">处方主粮</a></li>--%>
<%--                            <li><a href="">磨牙棒</a></li>--%>
<%--                            <li><a href="">狗罐头</a></li>--%>
<%--                            <li><a href="">狗饼干</a></li>--%>
<%--                            <li><a href="">狗奶酪</a></li>--%>
<%--                            <li><a href="">火腿肠</a></li>--%>
<%--                            <li><a href="">果冻布丁</a></li>--%>
<%--                            <li><a href="">训犬餐肉</a></li>--%>
<%--                            <li><a href="">肉干肉条</a></li>--%>
<%--                            <li><a href="">更多零食</a></li>--%>
<%--                            <li><a href="">进口狗粮</a></li>--%>
<%--                            <li><a href="">哈士奇专用狗粮</a></li>--%>
<%--                        </ul>--%>
<%--                        <ul>--%>
<%--                            <li><a href="">日用/玩具</a></li>--%>
<%--                            <li><a href="">狗窝</a></li>--%>
<%--                            <li><a href="">狗笼</a></li>--%>
<%--                            <li><a href="">狗粮</a></li>--%>
<%--                            <li><a href="">狗厕所</a></li>--%>
<%--                            <li><a href="">宠物床围栏</a></li>--%>
<%--                            <li><a href="">食水具</a></li>--%>
<%--                            <li><a href="">奶瓶</a></li>--%>
<%--                            <li><a href="">喂食器</a></li>--%>
<%--                            <li><a href="">饮水机</a></li>--%>
<%--                            <li><a href="">狗玩具</a></li>--%>
<%--                            <li><a href="">狗狗飞盘</a></li>--%>
<%--                            <li><a href="">清洁消毒</a></li>--%>
<%--                            <li><a href="">消毒液</a></li>--%>
<%--                            <li><a href="">粘毛器宠物冰垫</a></li>--%>
<%--                        </ul>--%>
<%--                        <ul style="border:0px;">--%>
<%--                            <li><a href="">出行用品</a></li>--%>
<%--                            <li><a href="">航空外出包</a></li>--%>
<%--                            <li><a href="">外用品</a></li>--%>
<%--                            <li><a href="">拾便器</a></li>--%>
<%--                            <li><a href="">牵引绳</a></li>--%>
<%--                            <li><a href="">伸缩链</a></li>--%>
<%--                            <li><a href="">项圈</a></li>--%>
<%--                            <li><a href="">胸背带</a></li>--%>
<%--                            <li><a href="">狗狗挂牌</a></li>--%>
<%--                            <li><a href="">安全嘴套</a></li>--%>
<%--                            <li><a href="">外出水具</a></li>--%>
<%--                            <li><a href="">狗狗服装</a></li>--%>
<%--                            <li><a href="">狗狗鞋子</a></li>--%>
<%--                            <li><a href="">训练器/止吠器</a></li>--%>
<%--                            <li><a href="">折叠笼</a></li>--%>
<%--                        </ul>--%>
<%--                    </div>--%>
                </li>
                <li>
                    未开发
<%--                    <div class="cat_div">--%>
<%--                        <ul>--%>
<%--                            <li><a href="">主粮/零食</a></li>--%>
<%--                            <li><a href="">幼猫猫粮</a></li>--%>
<%--                            <li><a href="">成猫猫粮</a></li>--%>
<%--                            <li><a href="">全阶段猫粮</a></li>--%>
<%--                            <li><a href="">猫罐头</a></li>--%>
<%--                            <li><a href="">猫薄荷</a></li>--%>
<%--                            <li><a href="">果冻布丁</a></li>--%>
<%--                            <li><a href="">猫草</a></li>--%>
<%--                            <li><a href="">肉干</a></li>--%>
<%--                            <li><a href="">饼干</a></li>--%>
<%--                            <li><a href="">奶酪</a></li>--%>
<%--                        </ul>--%>
<%--                        <ul>--%>
<%--                            <li><a href="">日用/玩具</a></li>--%>
<%--                            <li><a href="">猫窝</a></li>--%>
<%--                            <li><a href="">猫笼</a></li>--%>
<%--                            <li><a href="">喂食器</a></li>--%>
<%--                            <li><a href="">储粮器</a></li>--%>
<%--                            <li><a href="">奶瓶</a></li>--%>
<%--                            <li><a href="">饮水机</a></li>--%>
<%--                            <li><a href="">航空箱</a></li>--%>
<%--                            <li><a href="">外出包</a></li>--%>
<%--                            <li><a href="">湿巾</a></li>--%>
<%--                            <li><a href="">随心杯</a></li>--%>
<%--                            <li><a href="">猫爬架</a></li>--%>
<%--                            <li><a href="">猫隧道</a></li>--%>
<%--                            <li><a href="">猫抓板</a></li>--%>
<%--                            <li><a href="">逗猫棒</a></li>--%>
<%--                            <li><a href="">逗猫球</a></li>--%>
<%--                        </ul>--%>
<%--                        <ul style="border:0px;">--%>
<%--                            <li><a href="">清洁除味</a></li>--%>
<%--                            <li><a href="">猫砂盆</a></li>--%>
<%--                            <li><a href="">清洁消毒</a></li>--%>
<%--                            <li><a href="">沐浴露</a></li>--%>
<%--                            <li><a href="">护毛素</a></li>--%>
<%--                            <li><a href="">消毒液</a></li>--%>
<%--                            <li><a href="">去味</a></li>--%>
<%--                        </ul>--%>
<%--                    </div>--%>
                </li>
                <li>
                    未开发
<%--                    <div class="live_div">--%>
<%--                        <ul>--%>
<%--                            <li><a href="">活体</a></li>--%>
<%--                            <li><a href="">仓鼠</a></li>--%>
<%--                            <li><a href="">兔子</a></li>--%>
<%--                            <li><a href="">乌龟</a></li>--%>
<%--                            <li><a href="">鸟</a></li>--%>
<%--                            <li><a href="">荷兰猪</a></li>--%>
<%--                        </ul>--%>
<%--                        <ul>--%>
<%--                            <li><a href="">仓鼠/龙猫</a></li>--%>
<%--                            <li><a href="">主粮</a></li>--%>
<%--                            <li><a href="">玩具</a></li>--%>
<%--                            <li><a href="">日常用品</a></li>--%>
<%--                            <li><a href="">浴沙</a></li>--%>
<%--                        </ul>--%>
<%--                        <ul>--%>
<%--                            <li><a href="">兔子</a></li>--%>
<%--                            <li><a href="">兔粮</a></li>--%>
<%--                            <li><a href="">兔笼</a></li>--%>
<%--                            <li><a href="">日常用品</a></li>--%>
<%--                        </ul>--%>
<%--                        <ul>--%>
<%--                            <li><a href="">乌龟</a></li>--%>
<%--                            <li><a href="">乌龟缸</a></li>--%>
<%--                            <li><a href="">龟粮</a></li>--%>
<%--                            <li><a href="">营养药剂</a></li>--%>
<%--                        </ul>--%>
<%--                        <ul>--%>
<%--                            <li><a href="">爬行</a></li>--%>
<%--                            <li><a href="">爬宠食物</a></li>--%>
<%--                            <li><a href="">饲养箱</a></li>--%>
<%--                            <li><a href="">爬宠用品</a></li>--%>
<%--                            <li><a href="">营养药剂</a></li>--%>
<%--                        </ul>--%>
<%--                        <ul style="border:0px;">--%>
<%--                            <li><a href="">鸟</a></li>--%>
<%--                            <li><a href="">鸟笼</a></li>--%>
<%--                            <li><a href="">鸟食</a></li>--%>
<%--                            <li><a href="">鸟用具</a></li>--%>
<%--                        </ul>--%>
<%--                    </div>--%>
                </li>
                <li style="border:0px;">
                    未开发
<%--                    <div class="aquarium_div">--%>
<%--                        <ul>--%>
<%--                            <li><a href="">水族活体</a></li>--%>
<%--                            <li><a href="">凤尾</a></li>--%>
<%--                            <li><a href="">金鱼</a></li>--%>
<%--                            <li><a href="">孔雀</a></li>--%>
<%--                            <li><a href="">锦鲤</a></li>--%>
<%--                            <li><a href="">鹦鹉鱼</a></li>--%>
<%--                            <li><a href="">珊瑚</a></li>--%>
<%--                            <li><a href="">龟</a></li>--%>
<%--                            <li><a href="">螺</a></li>--%>
<%--                            <li><a href="">虾</a></li>--%>
<%--                            <li><a href="">蟹</a></li>--%>
<%--                            <li><a href="">水母</a></li>--%>
<%--                            <li><a href="">海葵</a></li>--%>
<%--                        </ul>--%>
<%--                    </div>--%>
                </li>
            </ul>
        </div>
        <div class="div_img">
            <ul class="ul_img">
                <li><img src="images/b5.jpg" class="img1"></li>
                <li><img src="images/a1.jpg" class="img1"></li>
                <li><img src="images/a2.jpg" class="img1"></li>
                <li><img src="images/c4.jpg" class="img1"></li>
            </ul>
            <ul class="btns">
                <li>
                    <button class="bgGreen">1</button>
                </li>
                <li>
                    <button>2</button>
                </li>
                <li>
                    <button>3</button>
                </li>
                <li>
                    <button>4</button>
                </li>
            </ul>
            <p class="leftArror">&lt;</p>
            <p class="rightArror">&gt;</p>
        </div>
        <div class="div_right">
            <div class="div_right_top">
            </div>
            <div class="div_right_bottom">
                <div class="service-top">浏览最多</div>
                <a href="/pet_mall/searchShop.do">
                    <div class="service">鲜朗(XIANLANG)低温烘焙狗粮</div>
                </a>
                <a href="/pet_mall/searchShop.do">
                    <div class="service">疯狂小狗 狗粮金毛20kg</div>
                </a>
                <a href="/pet_mall/searchShop.do">
                    <div class="service">桓瑞宠物矮脚猫曼基康乳白短脚猫幼猫</div>
                </a>
                <a href="/pet_mall/searchShop.do">
                    <div class="service">柴墨 布偶猫幼猫宠物猫咪活体</div>
                </a>
                <a href="/pet_mall/searchShop.do">
                    <div class="service">宠以沫(CHONG YIMO)龙猫活物活体幼崽</div>
                </a>
            </div>
        </div>
    </div>
    <h1 class="h1_recommend">为你推荐</h1>
    <div class="div_recommend">
        <ul class="ul_recommend">
        </ul>
    </div>
</section>
<script src="js/jquery.min.js"></script>
<script>
    window.onload = function () {
        findAllShop();
    }
    const ul_recommend = $(".ul_recommend");

    function findAllShop() {
        $.ajax({
            type: "post",
            url: "commodity/findAllCommodity",
            data: {},
            dataType: "json",
            success: function (res) {
                if (res.msg == "success") {
                    for (let i = 0; i < res.data.length && i < 30; i++) {
                        html =
                            "<a href='/patMall/commodityDetails.jsp?commodityId=" + res.data[i].commodityId + "'>" +
                            "<li class='li_recommend' title='" + res.data[i].commodityName + "'>" +
                            "<img src='../" + res.data[i].commodityImgList[0].commodityImg + "' class='li_img'>" +
                            "<p class='li_p'>" + res.data[i].commodityName + "</p>" +
                            "<p class='money'>￥" + res.data[i].commodityPrice + "</p></li></a>";
                        ul_recommend.append(html);
                    }
                } else if (res.msg == "fail") {
                    alert("商品查询失败");
                } else if (res.msg == "NoFound") {
                    alert("没有商品");
                }
            },
            error: function () {
                alert("Error");
            }
        })
    }

    let user = localStorage.getItem("userJson");
    user = eval('(' + user + ')');
    const div_right_top = $(".div_right_top");
    let htmlImg, htmlUsername, htmlUser = "";
    if (user != null) {
        if (user.headImg != null) {
            htmlImg = "<a href=\"#\"><img src='../" + user.headImg + "' class=\"head_img\"></a>" +
                "<div class=\"n_name en\">" + user.username + "</div>" +
                "<a href='#' id='exit'>退出登录</a>";
        } else {
            htmlImg = "<a href=\"#\"><img src=\"images/a1.jpg\" class=\"head_img\"></a>" +
                "<div class=\"nickname\">欢迎新用户</div>" +
                "<div class=\"n_name\">" + user.username + "</div>" +
                "<a href='#' id='exit'>退出登录</a>";
        }
    } else {
        htmlUser =
            "<a href=\"#\"><img src='images/v2-0515_r.jpg' class=\"head_img\"></a>" +
            "<div class=\"nickname\">Hi~欢迎来到旗木</div>" +
            "<div class=\"Login_Register\">" +
            "<a href=\"login.jsp\" target=\"_blank\">登录</a>" +
            "<span>|</span>" +
            "<a href=\"register.jsp\" target=\"_blank\">注册</a>" +
            "</div>";
    }
    div_right_top.append(htmlImg);
    // div_right_top.append(htmlUsername);
    div_right_top.append(htmlUser);

    $("#exit").click(function () {
        $.ajax({
            type: "Get",
            url: "user/exit",
            success: function (res) {
                if (res == "success") {
                    localStorage.removeItem("userJson");
                    window.location.href = "index.jsp";
                }
            }
        })
    })
    // // 当页面加载时
    // window.addEventListener('load', function () {
    //     // 尝试从sessionStorage中获取加载次数，如果没有则设置为1
    //     var loadCount = sessionStorage.getItem('loadCount') || 1;
    //     sessionStorage.setItem('loadCount', parseInt(loadCount) + 1);
    //     sessionStorage.setItem('lastLoaded', Date.now());
    // });
    //
    // // 当页面卸载时
    // window.addEventListener('unload', function () {
    //     // 获取当前时间
    //     var now = Date.now();
    //     // 获取上次加载的时间
    //     var lastLoaded = sessionStorage.getItem('lastLoaded');
    //
    //     // 如果上次加载时间与现在的时间相差很小（例如，小于5秒），
    //     // 则可以假设用户在刷新页面，否则可能在关闭窗口
    //     if (!lastLoaded || now - lastLoaded > 5000) {
    //         // 这里可以尝试移除localStorage中的项
    //         localStorage.removeItem('userJson');
    //     }
    //
    //     // 清理sessionStorage中的数据
    //     sessionStorage.clear();
    // });
</script>
<%@include file="footer.jsp" %>
</body>
</html>